<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <title>Document</title>
    <script src="./jquery.min.js"></script>
    <script src="./vue.js"></script>
</head>

<body>

<div id="story">
   
    <div >
        <input type="text" v-bind:value="poetry[0].value"><button id="show" type="button"
            @click="flag=!flag">{{"发表评论"}}</button>
    </div>
    <div v-show="flag" v-for=" s in poetry" :key="s.name">
        {{s.value}}
    </div>

</div>

    <script>
        new Vue({
            el: "#story",
            data: {
                flag: false,
                poetry: [{ "name": "0", "value": "      " },
                { "name": "1", "value": "我是冯三胖，我爱运动！" }, {
                    "name": "2"
                    , "value": "我是冯大胖，我不爱运动！"
                }
            ]}
        }) 
    </script>
</body>

</html>